﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>找医友</title>
	<link rel="stylesheet" href="../lib/css/reset.css">
	<link rel="stylesheet" href="../css/person/doctor.css">
</head>
<body>
		<!-- scroll start -->
		<div class="scroll">
			<div class="scroll-img">
				<img src="#" alt="">
			</div>
		</div>
		<!-- scroll end -->

		<!-- content start -->

		<div class="content">
			<div class="title">
				<h1><em>发现医友</em></h1>
				<p><span>师夷长技以制夷</span></p>
			</div>


			<div class="search">
				<p class="address"> <input type="text" value=""><img src="#" alt=""></p>
				<p class="hospital"> <input type="text" value=""><img src="#" alt=""></p>
				<p class="subject">
					<select name="" id="">
						<option value="">产科</option>
					</select>
				</p>
				<p class="name"><input type="text" placeholder="可直接搜索医生姓名"></p>
				<p class="submit"><button>确定</button></p>
			</div>




			<div class="c-list">
				<div class="left-list">
					<div class="doctor-list">
						<p class="title">医友列表</p>
						<div class="doc-content">
							<div class="doc-img"><img src="#" alt=""></div>
							<div class="doc-intro">
								<p class="doc-info"><em class="doc-name">大卫李</em><span>骨科</span><span>主任医师</span></p>
								<p class="doc-detail"><em>个人简介：</em><span>杨华清，医学博士，主任医师，矫形骨科专家，杭州医科大学附属北京康复医院科哈大学附属北京康复医院骨科与学科带头人，擅长微创骨外固定技术...</span></p>
								<div class="doc-label">
									<p class="label-name"><em>标签：</em><span>骨科</span><span>浙江-杭州</span><span>医科大学</span></p>
									<p class="label-fun"><a href="#">关注</a><a href="#">个人空间</a></p>
								</div>
							</div>	
						</div>
						<div class="doc-content">
							<div class="doc-img"><img src="#" alt=""></div>
							<div class="doc-intro">
								<p class="doc-info"><em class="doc-name">大卫李</em><span>骨科</span><span>主任医师</span></p>
								<p class="doc-detail"><em>个人简介：</em><span>杨华清，医学博士，主任医师，矫形骨科专家，杭州医科大学附属北京康复医院科哈大学附属北京康复医院骨科与学科带头人，擅长微创骨外固定技术...</span></p>
								<div class="doc-label">
									<p class="label-name"><em>标签：</em><span>骨科</span><span>浙江-杭州</span><span>医科大学</span></p>
									<p class="label-fun"><a href="#">关注</a><a href="#">个人空间</a></p>
								</div>
							</div>	
						</div>

						<div class="doc-content">
							<div class="doc-img"><img src="#" alt=""></div>
							<div class="doc-intro">
								<p class="doc-info"><em class="doc-name">大卫李</em><span>骨科</span><span>主任医师</span></p>
								<p class="doc-detail"><em>个人简介：</em><span>杨华清，医学博士，主任医师，矫形骨科专家，杭州医科大学附属北京康复医院科哈大学附属北京康复医院骨科与学科带头人，擅长微创骨外固定技术...</span></p>
								<div class="doc-label">
									<p class="label-name"><em>标签：</em><span>骨科</span><span>浙江-杭州</span><span>医科大学</span></p>
									<p class="label-fun"><a href="#">关注</a><a href="#">个人空间</a></p>
								</div>
							</div>	
						</div>

						<div class="doc-content">
							<div class="doc-img"><img src="#" alt=""></div>
							<div class="doc-intro">
								<p class="doc-info"><em class="doc-name">大卫李</em><span>骨科</span><span>主任医师</span></p>
								<p class="doc-detail"><em>个人简介：</em><span>杨华清，医学博士，主任医师，矫形骨科专家，杭州医科大学附属北京康复医院科哈大学附属北京康复医院骨科与学科带头人，擅长微创骨外固定技术...</span></p>
								<div class="doc-label">
									<p class="label-name"><em>标签：</em><span>骨科</span><span>浙江-杭州</span><span>医科大学</span></p>
									<p class="label-fun"><a href="#">关注</a><a href="#">个人空间</a></p>
								</div>
							</div>	
						</div>

						<div class="doc-content">
							<div class="doc-img"><img src="#" alt=""></div>
							<div class="doc-intro">
								<p class="doc-info"><em class="doc-name">大卫李</em><span>骨科</span><span>主任医师</span></p>
								<p class="doc-detail"><em>个人简介：</em><span>杨华清，医学博士，主任医师，矫形骨科专家，杭州医科大学附属北京康复医院科哈大学附属北京康复医院骨科与学科带头人，擅长微创骨外固定技术...</span></p>
								<div class="doc-label">
									<p class="label-name"><em>标签：</em><span>骨科</span><span>浙江-杭州</span><span>医科大学</span></p>
									<p class="label-fun"><a href="#">关注</a><a href="#">个人空间</a></p>
								</div>
							</div>	
						</div>


						<div class="page">
							<span class="page-prev">&lt;&lt;</span>
							<ul>
								<li><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#">6</a></li>
								<li><a href="#">7</a></li>
								<li><a href="#">8</a></li>
								<li><a href="#">9</a></li>
								<li><a href="#">10</a></li>
							</ul>
							<span class="page-next">&gt;&gt;</span>
						</div>
					</div>
				</div>
				<div class="right-list">
					<div class="know">
						<p class="title">你可能认识的人</p>
						<div class="know-list">
							<ul>
								<li>
									<div class="know-img"><img src="#" alt=""></div>
									<div class="know-intro">
										<p class="know-name"><em class="name">Maya</em><span>骨科</span></p>
										<p class="know-info"><a href="#">关注</a><a href="#">个人空间</a></p>
									</div>
								</li>
								<li>
									<div class="know-img"><img src="#" alt=""></div>
									<div class="know-intro">
										<p class="know-name"><em class="name">Maya</em><span>骨科</span></p>
										<p class="know-info"><a href="#">关注</a><a href="#">个人空间</a></p>
									</div>
								</li>
								<li>
									<div class="know-img"><img src="#" alt=""></div>
									<div class="know-intro">
										<p class="know-name"><em class="name">Maya</em><span>骨科</span></p>
										<p class="know-info"><a href="#">关注</a><a href="#">个人空间</a></p>
									</div>
								</li>
							</ul>
							<div class="search-more"><a href="#">查看更多&gt;&gt;</a></div>
						</div>
					</div>


					<div class="know">
						<p class="title">对你有帮助的人</p>
						<div class="know-list">
							<ul>
								<li>
									<div class="know-img"><img src="#" alt=""></div>
									<div class="know-intro">
										<p class="know-name"><em class="name">Maya</em><span>骨科</span></p>
										<p class="know-info"><a href="#">关注</a><a href="#">个人空间</a></p>
									</div>
								</li>
								<li>
									<div class="know-img"><img src="#" alt=""></div>
									<div class="know-intro">
										<p class="know-name"><em class="name">Maya</em><span>骨科</span></p>
										<p class="know-info"><a href="#">关注</a><a href="#">个人空间</a></p>
									</div>
								</li>
								<li>
									<div class="know-img"><img src="#" alt=""></div>
									<div class="know-intro">
										<p class="know-name"><em class="name">Maya</em><span>骨科</span></p>
										<p class="know-info"><a href="#">关注</a><a href="#">个人空间</a></p>
									</div>
								</li>
							</ul>
							<div class="search-more"><a href="#">查看更多&gt;&gt;</a></div>
						</div>
					</div>


					<div class="ad">
						广告推送
					</div>
				</div>
			</div>
		</div>
		
		<!-- content end -->
</body>